#KoruGame {
	background-color: red ;
	border: 1px solid red ;
}

#mask {
	position:absolute; 
	left: 0px ;
	top: 0px ;
	
	width: 100% ;
	height: 100% ;
	
	background-color: #95b22d ;
	
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}

#task_tooltip {
	position:absolute; 
	right: 20px ;
	top: 85px ;
	display: none ;
		
	background-color: #def392 ;
	padding: 2px ;
	
	
	font-size: 12px ;
	font-family: Andale Mono, monospace ;
	white-space: pre;
		
	border: 1px solid black ;
}

#score_tooltip {
	position:absolute; 
	right: 5px ;
	top: 25px ;
	display: none ;
		
	background-color: #def392 ;
	padding: 2px ;
	
	font-size: 12px ;
	font-family: Andale Mono, monospace ;
	white-space: pre;
		
	border: 1px solid black ;
}

#queriesPanel {
	position: absolute;
	
	background-color: rgb(150,150,150) ;
	width: 600px ;
	height: 45px ;
	top: 5px ;
	left: 250px ;
	
	border: 1px solid black ;
	
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;	
}

#queriesPanel div {
	position: absolute;
	left: 10px ;
	font-size: 14px ;

	height: 15px ;
}

#queriesPanel .queryText {
	position: absolute;
	
	top: 0px ;
	width: 350px ;
	left: 80px ;
	background-color: white ;
	overflow: hidden ;
}


#queriesPanel .progressOuter {
	background: rgb(150,150,150);
	border: 1px solid black ;
	height: 14px ;
	width: 140px ;
	
	position: absolute;
	
	top: 0px ;
	left: 443px ;
}

#queriesPanel .progressInner {
	border: none ;
	background: rgb(100,100,100);
	height: 14px ;
	width: 140px ;
	
	top: 0px ;
	left: 0px ;
}

#queriesPanel .progressLabel {
	border: none ;
	text-align: center;
	color: white ;
	
	position: absolute;
	
	height: 14px ;
	width: 140px ;

	top: 0px ;
	left: 0px ;
}

#taskPanel {
	position: absolute;
	padding: 6px 12px ;

	background-image: url("../images/task.gif") ;
	
	height: 20px ;
	top: 5px ;
	left: 250px ;
	
	font-weight: bold ;
}

#taskPanel .left {
	position: absolute;
	width: 12px ;
	height: 32px ;
	padding:0px ;
	margin: 0px ;
	border: none ;
	left: 0px ;
	top: 0px ;
	
	background-image: url("../images/task_left.gif") ;
}

#taskPanel .right {
	position: absolute;
	width: 12px ;
	height: 32px ;
	padding:0px ;
	margin: 0px ;
	border: none ;
	right: 0px ;
	top: 0px ;
	
	background-image: url("../images/task_right.gif") ;
}

#taskPanel .taskText_less {
	position: absolute;
	white-space: nowrap;
	font-size: 13px ;
	font-weight: normal ;
	
	padding: 5px ;
	
	
	background-color: #bbd754 ;
		
	top: 4px ;
	left: 125px ;
	height: 13px ;
	
	overflow: hidden;
}

#taskPanel .taskText_more {
	
	position: absolute;
	white-space: normal;
	font-size: 13px ;
	font-weight: normal ;
	
	padding: 5px ;
	
	background-color: #def392 ;
	border: 1px solid black ;
		
	top: 2px ;
	left: 125px ;
	height: auto ;
}

#taskPanel .moreInfo {
	
	position: absolute;
	cursor: pointer ;
	
	font-weight: bold ;
	text-align: center;
	
	height: 23px ;
	width: 84px ;
	
	bottom: 4px ;
	right: 5px ;
	
	background-image: url("../images/task_more.gif") ;
}

.endGame {
	position: absolute;
	cursor: pointer ;
	
	font-weight: bold ;
	text-align: center;
	
	height: 22px ;
	width: 72px ;
	padding: 5px ;
	
	top: 5px ;
	right: 10px ;
	background-image: url("../images/exit.gif") ;
}

#scoreBoard {
	position: absolute ;
	top: 45px ;
	right: 10px ;
	width: 200px ;
	padding-bottom: 10px ;

	text-align: center;
}

#scoreBoard .query{
	
	position: absolute ;
	left: 0px ;
	top: 0px ;
	width: 100px ;	
}

#scoreBoard .ranking{
	
	position: absolute ;
	right: 0px ;
	top: 4px ;
	width: 100px ;
	
	font-size: 30px ;
	font-weight: bold ;
}

.currQueryScore {
	position: absolute ;
	top : 95px ;
	width: 100px ;
	text-align: right ;
}


.messageBox {
	position: relative ;
	top: 120px ;
	margin: auto ;
	
	background-color: white ;	
	text-align: justify;

	background-repeat: repeat-x;
	background-position-y: top ;

	border: solid 2px black ;
}

.messageBox .title {
	font-weight: bold ;
	background-color: #bbd654 ;
	border: 0px solid black ;
	border-bottom-width: 1px ;
	height: 24px ;
	padding-top: 5px ;
	padding-left: 20px ;
	margin-left: 16px ;
	margin-right: 6px ;
}

.messageBox .border_tl {
	position: absolute;
	top: -2px ;
	left: -2px ;
	width: 28px ;
	height: 32px ;
	background-image: url("../images/content_tl.gif") ;
}

.messageBox .border_tr {
	position: absolute;
	top: -2px ;
	right: -2px ;
	width: 28px ;
	height: 32px ;
	background-image: url("../images/content_tr.gif") ;
}

.messageBox .border_bl {
	position: absolute ;
	bottom: -2px ;
	left: -2px ;
	width: 19px ;
	height: 19px ;
	background-image: url("../images/content_bl.gif") ;
}

.messageBox .border_br {
	position: absolute ;
	bottom: -2px ;
	right: -2px ;
	width: 19px ;
	height: 19px ;
	background-image: url("../images/content_br.gif") ;
}

.messageBox .contentArea {
	overflow: auto;
	position: relative;
	top: 0px ;
	left: 0px ;
	padding: 10px ;
}

.messageBox .buttonContainer {
	position: relative;
	margin:auto ;
	text-align: center; 
}

a {
   cursor: pointer ;
	text-decoration: none;
	color: #5d751c;
	background: none;
}

a:hover {
	text-decoration: underline;
}


.cmdShowPrev {
	
	position:absolute ;
	
	background-image: url("../images/show_queries.gif") ;
	
	width: 19px ;
	height: 24px ;
	
	top : 29px ;
	
	right: 130px ;
	cursor: pointer ;
}

.prevQueries {
	
	position:absolute ;
	border: 1px solid black ;
	background-color: white ;
	
	top: 49px ;
	
	z-index: 100 ;
	display: none ;
	
	font-size: 13px ;
	
}

.prevQueries td {
	vertical-align: top;
}

.prevQueries .header {
	font-weight: bold ;
}

.prevQueries .normal{
	cursor: pointer ;
}

.prevQueries .normal td {
	padding-left: 10px ;
}

.prevQueries .normal:hover {
	
	background-color: #def392 ;
}

.prevQueries .score {
	text-align: right ;
	padding-left: 5px ;
}
